<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_文字处理</title>
    <style>
        p {
            font-size:20px;/*字号 谷歌默认字号 16px */
            /* 字体从前往后依次加载，都没有就使用浏览器设置的默认字体，注意商用版权问题*/
            font-family: "仿宋";
        }

        a {
            text-decoration: underline;/*下划线*/
            text-decoration: line-through;/*删除线*/
            text-decoration: overline;/*顶线*/
            text-decoration: none;/*去除所有修饰线*/
        }
        div{
            width:200px;
            height:70px;
            border:5px solid #000;
            /*设置文字水平居中*/
            text-align: center;
            /*设置单行文本的行高和所处的块一样高，可以让文本垂直方向居中*/
            line-height: 70px;
        }
        span{
            font-weight: bold;/* 字重：加粗*/
            font-weight: lighter;/*字重：细体*/
            font-style: italic;/*字重：斜体*/
            font-weight: normal;/*字重：正常体*/
        }
        h4{
            /*文字阴影：水平偏移（右）垂直偏移（下） 虚化程度 颜色 */
            text-shadow: 0px 0px 20px red;
        }
    </style>
</head>
<body>
<p>我是威哥哥 小诗诗  威神 123 asd</p>
<a href="#">超链接</a>
<div>块级元素</div>
<span>行内元素</span>
<h4>标题</h4>
</body>
</html>